<template slot-scope="">
    <div>

    </div>
</template>



<style lang="ts" setup>
* {
    margin: 0;
    padding: 0;
}
    .registration {
    width: 98 %;
    height: 20px;
    margin: 0 auto;
    display: flex;
    justify - content: space - between;
    align - items: center;
    font - size: 12px;
    background: linear - gradient(to right, rgb(239, 243, 198), rgb(228, 144, 10));
}  
    .re
    .dingbu {
    width: 100 %;
    height: 100px;
    background - color: #fff;
    margin - top: 20px;
}
.zuo {
    display: flex;
    justify - content: space - between;

  .left {
        width: 70 %;
        height: 100 %;
    }
  .right {
        width: 30 %;
        height: 50 %;
    img {
            width: 70 %;
            height: 30 %;
            border - radius: 50px;
            border: 1px solid #ccc;
        }
    button {
            width: 61 %;
            height: 20 %;
            margin - left: 5px;
        }
    }
  h2 {
        font - weight: normal;
    }

  h6 {
        font - weight: normal;
    }
}
.aa {
    width: 22 %;
    background - color: #f7e9d2;
    text - align: center;
    color: #91632f;
    font - size: 14px;
    margin - left: 8px;
    margin - top: 10px;
}
.miao {
    width: 96 %;
    margin: 0 auto;
    display: flex;
    justify - content: space - between;
    color: #ccc;
    height: 30px;
    line - height: 30px;
    margin - top: 10px;
}
.service {
    width: 96 %;
    margin: 0 auto;
    display: flex;
    justify - content: space - between;
    margin - top: 10px;
  dl {
    dt {
            margin: 5px 5px;
        }
    dd {
            margin - top: 10PX;
            width: 100 %;
            height: 50px;
            background - color: #f5eded;
            font - size: 15px;
      img{
                width: 6 %;
                height: 28 %;
            }
        }
    }
  .service1 {
        width: 100 %;
        height: 100px;
        background - color: fff;
        border - radius: 5px;
        margin - left: 2px;
        display: flex;
        flex - wrap: wrap;
        justify - content: space - around;
        border: 1px solid #ccc;
    img {
            width: 50px;
            height: 50px;
        }
    }
  .service1:hover {
        border: 4px solid #04f740;
    }
}

.words {
    width: 96 %;
    margin: 0 auto;
    height: 30px;
    line - height: 30px;
    display: flex;
    margin - top: 10px;
  img {
        width: 30px;
        height: 30px;
    }
}
.jianje {
    width: 100 %;
    height: 80px;
    margin - top: 10px;
    background - color: #fff;

  .jianje1 {
        display: flex;
        height: 50px;
        align - self: center;
        justify - content: space - between;
        align - items: center;
    }

  .jianje2 {
        height: 30px;
        width: 100 %;
        white - space: nowrap;
        overflow: hidden;
        text - overflow: ellipsis;
    }
}



</style>